<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>嵌套for循环</title>
</head>
<body>
    
</body>
</html>
<script>
    /*
        通过程序，在页面中输出如下的图形：
        *
        **
        ***
        ****
        *****
    */
    // 自研
    var score = 0;
    for(var i=0;i<5;i++){
        score++;
        // 第一行
        if(score==1){
        for(var n=0;n<1;n++){
            document.write("*&nbsp;&nbsp;");
        }
        }
        // 第二行
        if(score==2){
            for(var n=0;n<2;n++){
            document.write("*&nbsp;&nbsp;");
        }
        }
        // 第三行
        if(score==3){
            for(var n=0;n<3;n++){
            document.write("*&nbsp;&nbsp;");
        }
        }
        // 第四行
        if(score==4){
            for(var n=0;n<4;n++){
            document.write("*&nbsp;&nbsp;");
        }
        }
        // 第五行
        if(score==5){
            for(var n=0;n<5;n++){
            document.write("*&nbsp;&nbsp;");
        }
        }
        document.write("<br/>");
    }
    /*
        解题思路：

        *           1   j<1  i=0
        * *         2   j<2  i=1
        * * *       3   j<3  i=2
        * * * *     4   j<4  i=3
        * * * * *   5   j<5  i=4
    */
    // 课程方法
    for(var i=0;i<5;i++){
        for(var j=0; j<i+1;j++){
            document.write("*&nbsp;&nbsp;");
        }
        document.write("<br />");
    }
    document.write("<br />");

    // 倒三角 
    for(var i=0;i<5;i++){
        for(var j=0; j<5-i;j++){
            document.write("*&nbsp;&nbsp;");
        }
        document.write("<br />");
    }
    for(var i=5;i>0;i--){
        for(var j=1; j<i+1;j++){
            document.write("*&nbsp;&nbsp;");
        }
        document.write("<br />");
    }

</script>